<template>
  <section class="upload-info-section">
    <section class="common-text-block-section">
      <div class="title-section">
        <div class="title">温馨提示</div>
      </div>
      <div class="info-wrap">
          1. 工资表计提，税金计提的分录将在报税期结束后统一生成，报税期内无计提分录属于正常现象 <br>
          2. 结转功能将在报税期后，计提分录生成后开放
      </div>
    </section>
  </section>
</template>

<script>
export default {
  props: {
    clientInfo: {
      type: Object,
      default() {
        return {};
      },
    },
    tagText: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
@import "../../../assets/var.less";
.upload-info-section {
  display: flex;
  .common-text-block-section {
    flex: 1;
    margin-bottom: 0;
    .item {
      width: 49%;
    }
  }
  .common-text-block-section ~ .common-text-block-section {
    margin-left: 10px;
  }
  .iconfont::before {
    color: @color-grey-low;
  }
  .title{
      line-height: 15px;
  }
  .upload-info-section {
    display: flex;
    .left,
    .right {
      flex: 1;
    }
    .left span {
      font-size: 14px;
      &.bank {
        color: @color-error;
      }
      &.uploaded {
        color: @color-green;
      }
    }
  }
}

.text-section {
  flex: 0;
}

.info-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.info-item{
  font-family: PingFang SC, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
}
</style>